<template>
  <div>
  <el-dialog :title="source.title" :visible.sync="source.open" width="60%" append-to-body :before-close="closeDelDialog">
    <el-row :gutter="10" class="mb8" ref="refbut">
      <el-col :span="24" :xs="24">
        <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
          <el-tab-pane label="个人档案" name="personalProfile">
            <div style="margin: 1% 1%">
              <el-form :model="personalProfileParams" ref="personalProfileForm"  :inline="true" v-show="showPersonalProfileSearch">
                <el-form-item label="全文" prop="personalKeyword">
                  <el-input v-model="personalKeyword" placeholder="请输入关键字" clearable/>
                </el-form-item>
                <el-form-item label="题名" prop="personalTitle">
                  <el-input v-model="personalTitle" placeholder="请输入题名" clearable/>
                </el-form-item>
                <el-form-item label="档号" prop="personalDh">
                  <el-input v-model="personalDh" placeholder="请输入档号" clearable/>
                </el-form-item>
<!--                <el-form-item label="门类">-->
<!--                  <el-select v-model="personalProfileParams.categoryId" placeholder="请选择" clearable @change="getPersonalChange">-->
<!--                    <el-option v-for="item in categoryIdOption" :key="item.value" :label="item.label"-->
<!--                               :value="item.value" />-->
<!--                  </el-select>-->
<!--                </el-form-item>-->
                <el-form-item>
                  <el-button type="primary" icon="el-icon-search"  @click="personalProfileQuery">查询</el-button>
                  <el-button icon="el-icon-refresh"  @click="personalProfileReset">重置</el-button>
                </el-form-item>
              </el-form>
              <el-row :gutter="10" class="mb8" ref="refbut">
                <right-toolbar :showSearch.sync="showPersonalProfileSearch" @queryTable="getPersonalProfileList"></right-toolbar>
              </el-row>
              <el-table v-loading="personalProfileLoading" :data="personalProfileList" height="400" @selection-change="personalProfileChange" @cell-dblclick="celldblclick">
                <el-table-column type="selection" width="55" align="center" />
                <el-table-column label="序号" type="index" :index="table_index_first" width="55" align="center" prop="ID"/>
                <el-table-column label="档号" align="center" prop="DH"/>
                <el-table-column label="题名" prop="TITLE" align="center" />
                  <el-table-column label="密级" v-if="isFbState">
                            <template slot-scope="scope">
                             
                                {{ scope.row.MJ }}
                      
                            </template>
                        </el-table-column>
                <el-table-column label="年度" prop="ND" align="center" />
              </el-table>
              <pagination v-show="personalProfileTotal > 0" :total="personalProfileTotal" :page.sync="personalProfileParams.pageNum"
                          :limit.sync="personalProfileParams.pageSize" @pagination="getPersonalProfileList" />
            </div>
          </el-tab-pane>


          <el-tab-pane label="公共档案" name="publicArchives">
            <div style="margin: 1% 1%">
              <el-form :model="publicArchivesParams" ref="publicArchivesForm"  :inline="true" v-show="showPublicArchivesSearch">
                <el-form-item label="全文" prop="keyword">
                  <el-input v-model="keyword" placeholder="请输入关键字" clearable/>
                </el-form-item>
                <el-form-item label="题名" prop="TITLE">
                  <el-input v-model="TITLE" placeholder="请输入题名" clearable/>
                </el-form-item>
                <el-form-item label="档号" prop="DH">
                  <el-input v-model="DH" placeholder="请输入档号" clearable/>
                </el-form-item>
<!--                <el-form-item label="门类">-->
<!--                  <el-select v-model="publicArchivesParams.categoryId" placeholder="请选择" clearable @change="getChange">-->
<!--                    <el-option v-for="item in categoryIdOption" :key="item.value" :label="item.label"-->
<!--                               :value="item.value" />-->
<!--                  </el-select>-->
<!--                </el-form-item>-->
                <el-form-item>
                  <el-button type="primary" icon="el-icon-search"  @click="publicArchivesQuery">查询</el-button>
                  <el-button icon="el-icon-refresh"  @click="publicArchivesReset">重置</el-button>
                </el-form-item>
              </el-form>
              <el-row :gutter="10" class="mb8" ref="refbut">
                <right-toolbar :showSearch.sync="showPublicArchivesSearch" @queryTable="getPublicArchivesList"></right-toolbar>
              </el-row>
              <el-table v-loading="publicArchivesLoading" :data="publicArchivesList" height="400"
                        @selection-change="publicArchivesChange" row-key="id" border lazy :load="load" @cell-dblclick="celldblclick"
                        :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
                <el-table-column type="selection" width="55" align="center" :selectable="checkboxSelect" />
                <el-table-column label="序号" type="index" :index="table_index_second" width="55" align="center" prop="ID"/>
                <el-table-column label="档号" align="center" prop="DH"/>
                <el-table-column label="题名" prop="TITLE" align="center"/>
                <el-table-column label="密级" v-if="isFbState">
                            <template slot-scope="scope">
                              <span v-for="(i, idx) in renyuanOptions" :key="idx">
                                {{ scope.row.mj == i.dictValue ? i.dictLabel : '' }}
                            </span>
                            </template>
                        </el-table-column>
                <el-table-column label="年度" prop="ND" align="center" />
              </el-table>
              <pagination v-show="publicArchivesTotal > 0" :total="publicArchivesTotal" :page.sync="publicArchivesParams.pageNum"
                          :limit.sync="publicArchivesParams.pageSize" @pagination="getPublicArchivesList" />
            </div>
          </el-tab-pane>


          <el-tab-pane label="个人资料" name="personalData">
            <div style="margin: 1% 1%">
              <el-form :model="personalDataParams" ref="personalDataForm"  :inline="true" v-show="showPersonalDataSearch">
                <el-form-item label="文件名称" prop="fileName">
                  <el-input v-model="personalDataParams.fileName" placeholder="请输入文件名称" maxlength="30" clearable/>
                </el-form-item>
                <el-form-item>
                  <el-button type="primary" icon="el-icon-search"  @click="personalDataQuery">查询</el-button>
                  <el-button icon="el-icon-refresh"  @click="personalDataReset">重置</el-button>
                </el-form-item>
              </el-form>
              <el-row :gutter="10" class="mb8" ref="refbut">
                <right-toolbar :showSearch.sync="showPersonalDataSearch" @queryTable="getPersonalDataList"></right-toolbar>
              </el-row>
              <el-table v-loading="personalDataLoading" :data="personalDataList" height="400" @selection-change="personalDataChange">
                <el-table-column type="selection" width="55" align="center" />
                <el-table-column label="序号" type="index" :index="table_index_third" width="55" align="center" prop="id"/>
                <el-table-column label="文件名称" align="center" prop="fileName"/>
                <el-table-column label="操作时间" prop="createTime" align="center" />
                <el-table-column label="密级" v-if="isFbState">
                            <template slot-scope="scope">
                              <span v-for="(i, idx) in renyuanOptions" :key="idx">
                                {{ scope.row.mj == i.dictValue ? i.dictLabel : '' }}
                            </span>
                            </template>
                        </el-table-column>
                <el-table-column label="上传人员" prop="creator" align="center" />
              </el-table>
              <pagination v-show="personalDataTotal > 0" :total="personalDataTotal" :page.sync="personalDataParams.pageNum"
                          :limit.sync="personalDataParams.pageSize" @pagination="getPersonalDataList" />
            </div>
          </el-tab-pane>


          <el-tab-pane label="公共资料" name="publicInformation">
            <div style="margin: 1% 1%">
              <el-form :model="publicInformationParams" ref="publicInformationForm"  :inline="true" v-show="showPublicInformationSearch">
                <el-form-item label="文件名称" prop="fileName">
                  <el-input v-model="publicInformationParams.fileName" placeholder="请输入文件名称" maxlength="30" clearable/>
                </el-form-item>
                <el-form-item>
                  <el-button type="primary" icon="el-icon-search"  @click="publicInformationQuery">查询</el-button>
                  <el-button icon="el-icon-refresh"  @click="publicInformationReset">重置</el-button>
                </el-form-item>
              </el-form>
              <el-row :gutter="10" class="mb8" ref="refbut">
                <right-toolbar :showSearch.sync="showPublicInformationSearch" @queryTable="getPublicInformationList"></right-toolbar>
              </el-row>
              <el-table v-loading="publicInformationLoading" :data="publicInformationList" height="400" @selection-change="publicInformationChange">
                <el-table-column type="selection" width="55" align="center" />
                <el-table-column label="序号" type="index" :index="table_index_fourth" width="55" align="center" prop="id"/>
                <el-table-column label="文件名称" align="center" prop="fileName"/>
                <el-table-column label="操作时间" prop="createTime" align="center" />
                <el-table-column label="密级" v-if="isFbState">
                            <template slot-scope="scope">
                              <span v-for="(i, idx) in renyuanOptions" :key="idx">
                                {{ scope.row.mj == i.dictValue ? i.dictLabel : '' }}
                            </span>
                            </template>
                        </el-table-column>
                <el-table-column label="上传人员" prop="creator" align="center" />
              </el-table>
              <pagination v-show="publicInformationTotal > 0" :total="publicInformationTotal" :page.sync="publicInformationParams.pageNum"
                          :limit.sync="publicInformationParams.pageSize" @pagination="getPublicInformationList" />
            </div>
          </el-tab-pane>
        </el-tabs>
      </el-col>
    </el-row>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="submitForm">保 存</el-button>
      <el-button @click="closeDelDialog">取 消</el-button>
    </div>
  </el-dialog>

  <!--start  组件详情 -->
  <jianDetailsOpen v-if="jianDetailsOpen" :open="jianDetailsOpen" :celldbData="celldbData"
                   @detailsHandleClose="detailsHandleClose">
  </jianDetailsOpen>
  <!--end 组件详情 -->
  <!-- start 组卷\项目详情 -->
  <juanDetailsOpen v-if="juanDetailsOpen" :open="juanDetailsOpen" :celldbData="celldbData"
                   @detailsHandleClose="detailsHandleClose"></juanDetailsOpen>
  <!-- end 组卷\项目详情 -->
  </div>
</template>

<script>
import estimateTableHeight from "@/mixins/estimateTableHeight";
import {getInfomation, getPersonArchive, getPublicArchives} from "@/api/archive/bianyan/editTheme";
import {getArchivesCategory} from "@/api/archive/bianyan/archiveResources";
import {getLastIndexOf} from "@/utils";
import {getcateidbyid, getthbytreenodeHeaderList} from "@/api/archive/warehouseManagement/upDownShelves";
import jianDetailsOpen from '@/components/componentsJianDetails/index.vue' //件详情
import juanDetailsOpen from '@/components/componentsJuanDetails/index.vue' // 卷详情
import { getDicts_archive } from '@/api/archive/dict/dictManageData'
import { fbstat } from "@/api/archive/fileCollection/offlinReception.js";
import {
  getdamjbyrymj
} from "@/api/archive/fileCollection/offlinReception.js";
export default {
  name: "material",
  props: ['source'],
  mixins: [estimateTableHeight], // 混入方法
  components: { jianDetailsOpen, juanDetailsOpen },
  data() {
    return {
      jianDetailsOpen: false,//件详情弹窗
      juanDetailsOpen: false,//卷详情弹窗
      activeName: 'personalProfile',

      // 个人档案列表
      personalProfileParams: {
        pageNum: 1,
        pageSize: 10,
        state: '1',
        categoryId: undefined,
      },
      personalKeyword: undefined,
      personalTitle: undefined,
      personalDh: undefined,
      showPersonalProfileSearch: true,
      personalProfileLoading: true,
      personalProfileList: [],
      personalProfileTotal: 0,
      // 勾选数据
      personalProfileIds: [],

      // 公共档案列表
      publicArchivesParams: {
        pageNum: 1,
        pageSize: 10,
        categoryId: undefined,
        state: '3',
      },
      keyword: undefined,
      TITLE: undefined,
      DH: undefined,
      showPublicArchivesSearch: true,
      publicArchivesLoading: false,
      publicArchivesList: [],
      publicArchivesTotal: 0,
      categoryIdOption: [],
      // 勾选数据
      publicArchivesIds: [],

      // 个人资料列表
      personalDataParams: {
        pageNum: 1,
        pageSize: 10,
        typeState: 1, // 个人
        fileName: undefined
      },
      showPersonalDataSearch: true,
      personalDataLoading: true,
      personalDataList: [],
      personalDataTotal: 0,
      // 勾选数据
      personalDataIds: [],


      // 公共资料列表
      publicInformationParams: {
        pageNum: 1,
        pageSize: 10,
        typeState: 3, // 公共
        fileName: undefined
      },
      showPublicInformationSearch: true,
      publicInformationLoading: true,
      publicInformationList: [],
      publicInformationTotal: 0,
      // 勾选数据
      publicInformationIds: [],
      isFbState: false,
    }
  },
  created() {
    this.getArchivesCategory()
    fbstat().then(res => {  //false=不是分保，true=是分保 
      this.isFbState = res.data
      if (this.isFbState) {
        //密级下拉列表
        getDicts_archive("MJ").then(res => { //人员密级
          getdamjbyrymj().then(resdata => { //此接口没有返回dictLabel，需要组装接口
            var mjdata = [];
            for (var i in resdata.data) {
              for (var j in res.data) {
                if (resdata.data[i].daMj == res.data[j].dictValue) {
                  mjdata.push(res.data[j])
                }
              }
            }

            this.renyuanOptions = mjdata
          })
        })
      }
    })
  },
  methods: {
    //动态设置table的高度
    tableHeightData() {
      this.$nextTick(
        () => {
          let h = 650;
          //  h = h + 100
          if (this.$refs.queryForm) { // 页面上如果有面包屑区域徐减去它的高度
            h = h - this.$refs.queryForm.$el.offsetHeight
          }
          if (this.$refs.refbut) { // 页面上如果有分页区域徐减去它的高度
            h = h - this.$refs.refbut.$el.offsetHeight
          }
          this.tableHeight = h > 310 ? h : 310 // 根据自己项目定高度
          return h
        }
      )
    },
    handleClick(tab) {
      this.personalProfileIds = []
      this.publicArchivesIds = []
      this.personalDataIds = []
      this.publicInformationIds = []
      if(tab.name == 'personalProfile') {
        this.personalProfileReset()
      } else if(tab.name == 'publicArchives') {
        this.publicArchivesReset()
      } else if(tab.name == 'personalData') {
        this.personalDataReset()
      } else {
        this.publicInformationReset()
      }
    },
    // 个人档案
    // 查询
    personalProfileQuery() {
      this.personalProfileLoading = true
      this.personalProfileParams.pageNum = 1
      this.personalProfileParams.pageSize = 10
      this.personalProfileParams.fileField = "DH,ND,TITLE"
      this.personalProfileParams.queryParameters = []
      if (this.personalTitle != '' && this.personalTitle != undefined) {
        var arr = []
        arr.push({
          column: "TITLE",
          queryType: "2",
          showType: 4,
          value: this.personalTitle
        })
        this.personalProfileParams.queryParameters.push(...arr)
      }
      if (this.personalDh != '' && this.personalDh != undefined) {
        var arr = []
        arr.push({
          column: "DH",
          queryType: "2",
          showType: 4,
          value: this.personalDh
        })
        this.personalProfileParams.queryParameters.push(...arr)
      }
      if(this.personalKeyword != "" && this.personalKeyword != undefined){
        const words = this.personalKeyword.split(/\s+/);
        var arr = []
        for (let i = 0; i < words.length; i++) {
          arr.push({
            queryType: 8,
            value: words[i]
          })
        }
        this.personalProfileParams.queryParameters.push(...arr)
      }
      this.getPersonalProfileList()
    },
    // 重置
    personalProfileReset() {
      this.resetForm("personalProfileForm");
      this.personalKeyword = undefined
      this.personalTitle = undefined
      this.personalDh = undefined
      this.personalProfileQuery()
    },
    getPersonalChange() {
      var category= this.categoryIdOption.filter(item => item.value == this.personalProfileParams.categoryId)
      if (category[0].id == undefined) {
        this.personalProfileParams.groupId = undefined
      }  else {
        this.personalProfileParams.groupId = category[0].id
      }
    },
    table_index_first(index) {
      return (this.personalProfileParams.pageNum-1) * this.personalProfileParams.pageSize + index + 1;
    },
    // 查询列表
    getPersonalProfileList() {
      this.personalProfileParams.fileField = "DH,ND,TITLE"
      if (this.personalProfileParams.categoryId == '') {
        this.$modal.msgWarning('请先设置档案树权限')
        return
      }
      this.personalProfileLoading = true
      getPersonArchive(this.personalProfileParams).then(response=>{
        if (response.rows == null) {
          this.personalProfileList = []
          this.personalProfileTotal = 0
          this.personalProfileLoading = false
        } else {
          this.personalProfileLoading = false
          this.personalProfileList = response.rows
          this.personalProfileTotal = response.total
        }
      })
    },
    personalProfileChange(selection) {
      this.personalProfileIds = selection.map(item=>item.ID)
    },
    celldblclick(row) {
      console.log(row)
      var level="";
      var type = "";
      var label = "";
      if (getLastIndexOf(row.sub_table_name) == "F") {  //F 件
        level = 0
        type = "f"
        label = row.TITLE
      } else if (getLastIndexOf(row.sub_table_name) == "V") { //卷
        level = 1
        type = "v"
        label = row.TITLE
      } else { //项目
        level = 3
        type = "x"
        label = row.XMMC
      }
      this.form = {
        id: row.ID,
        type: type
      }
      getcateidbyid(this.form).then(response => {
        var categoryId = response.data
        var menuId = this.$route.meta.menuId
        getthbytreenodeHeaderList(
          {
            categoryId: categoryId, menuId: menuId, subTableName: row.sub_table_name
          }
        ).then(res => {
          var tableHeaderList = res.rows
          this.celldbData = {
            id: row.ID,
            categoryId: categoryId,
            menuId: menuId,
            sub_table_name: row.sub_table_name,
            label: label,
            level: level,
            ifSub_table_name: row.sub_table_name,
            isDel:"0",  //判断是回收站数据还是接收收据 isDel:1  回收站    isDel:0 //离线接收、档案接收、在线接收
            tableHeaderList: tableHeaderList
          }
          this.$nextTick(() => {
            if (getLastIndexOf(row.sub_table_name) == "F") {  //F 进入件详情
              this.jianDetailsOpen = true;
            } else { //进入卷详情 和项目详情
              this.juanDetailsOpen = true
            }
          })
        })
      })
    },
    //关闭详情页面
    detailsHandleClose() {
      this.jianDetailsOpen = false;
      this.juanDetailsOpen = false;
    },


    // 公共档案
    // 查询
    publicArchivesQuery() {
      this.publicArchivesLoading = true
      this.publicArchivesParams.pageNum = 1
      this.publicArchivesParams.pageSize = 10
      this.publicArchivesParams.fileField = "DH,ND,TITLE"
      if (this.publicArchivesParams.categoryId == '') {
        this.$modal.msgWarning('请先设置档案树权限')
        return
      }
      this.publicArchivesParams.queryParameters = []
      if (this.TITLE != '' && this.TITLE != undefined) {
        var arr = []
        arr.push({
          column: "TITLE",
          queryType: "2",
          showType: 4,
          value: this.TITLE
        })
        this.publicArchivesParams.queryParameters.push(...arr)
      }
      if (this.DH != '' && this.DH != undefined) {
        var arr = []
        arr.push({
          column: "DH",
          queryType: "2",
          showType: 4,
          value: this.DH
        })
        this.publicArchivesParams.queryParameters.push(...arr)
      }
      if(this.keyword != "" && this.keyword != undefined){
        const words = this.keyword.split(/\s+/);
        var arr = []
        for (let i = 0; i < words.length; i++) {
          arr.push({
            queryType: 8,
            value: words[i]
          })
        }
        this.publicArchivesParams.queryParameters.push(...arr)
      }
      this.getPublicArchivesList()
    },
    // 重置
    publicArchivesReset() {
      this.DH = undefined
      this.TITLE = undefined
      this.keyword = undefined
      this.resetForm("publicArchivesForm");
      this.publicArchivesQuery()
    },
    table_index_second(index) {
      return (this.publicArchivesParams.pageNum-1) * this.publicArchivesParams.pageSize + index + 1;
    },
    getArchivesCategory() {
      getArchivesCategory({menuId:this.$route.meta.menuId}).then(response=>{
        var data = response.data.categoryList.map(item => {
          return {
            // 门类id
            value: item.ID,
            // 门类名称
            label: item.NAME,
            // 元数据方案id
            id: item.GROUP_ID,
            // 类型
            type: item.TYPE
          }
        })
        var categoryId = response.data.categoryList.map(item => item.ID).toString();
        this.categoryIdOption = []
        this.categoryIdOption = [{
          label: "全部",
          value: categoryId
        }]
        this.categoryIdOption.push(...data)
        this.publicArchivesParams.categoryId = categoryId;
        this.personalProfileParams.categoryId = categoryId;
      })
    },
    getChange() {
      var category= this.categoryIdOption.filter(item => item.value == this.publicArchivesParams.categoryId)
      if (category[0].id == undefined) {
        this.publicArchivesParams.groupId = undefined
      }  else {
        this.publicArchivesParams.groupId = category[0].id
      }
    },
    // 查询列表
    getPublicArchivesList() {
      this.publicArchivesLoading = true
      this.publicArchivesParams.fileField = "DH,ND,TITLE"
      if (this.publicArchivesParams.categoryId == '') {
        this.$modal.msgWarning('请先设置档案树权限')
        return
      }
      this.publicArchivesParams.menuId = this.$route.meta.menuId
      getPublicArchives(this.publicArchivesParams).then(response=>{
        if (response.rows == null) {
          this.publicArchivesList = []
          this.publicArchivesTotal = 0
          this.publicArchivesLoading = false
        } else {
          this.publicArchivesList = response.rows
          this.publicArchivesTotal = response.total
          this.publicArchivesLoading = false
        }
      })
    },
    load(tree, treeNode, resolve) {
      setTimeout(() => {
        resolve(tree.mapList)
      }, 1000)
    },
    checkboxSelect(row) {
      if(row.daType == '1' || row.daType == '3') {
        return false
      } else {
        return true
      }
    },
    publicArchivesChange(selection) {
      this.publicArchivesIds = selection.map(item=>item.ID)
    },

    // 个人资料
    // 查询
    personalDataQuery() {
      this.personalDataParams.pageNum = 1
      this.getPersonalDataList()
    },
    // 重置
    personalDataReset() {
      this.resetForm("personalDataForm");
      this.personalDataQuery()
    },
    table_index_third(index) {
      return (this.personalDataParams.pageNum-1) * this.personalDataParams.pageSize + index + 1;
    },
    // 查询列表
    getPersonalDataList() {
      this.personalDataLoading = true
      getInfomation(this.personalDataParams).then(response=>{
        this.personalDataLoading = false
        this.personalDataList = response.rows
        this.personalDataTotal = response.total
      })
    },
    personalDataChange(selection) {
      this.personalDataIds = selection.map(item=>item.id)
    },

    // 公共资料
    // 查询
    publicInformationQuery() {
      this.publicInformationParams.pageNum = 1
      this.getPublicInformationList()
    },
    // 重置
    publicInformationReset() {
      this.resetForm("publicInformationForm");
      this.publicInformationQuery()
    },
    table_index_fourth(index) {
      return (this.publicInformationParams.pageNum-1) * this.publicInformationParams.pageSize + index + 1;
    },
    // 查询列表
    getPublicInformationList() {
      this.publicInformationLoading = true
      getInfomation(this.publicInformationParams).then(response=>{
        this.publicInformationLoading = false
        this.publicInformationList = response.rows
        this.publicInformationTotal = response.total
      })
    },
    publicInformationChange(selection) {
      this.publicInformationIds = selection.map(item=>item.id)
    },


    // 保存
    submitForm() {
      // console.log(this.personalProfileIds, this.publicArchivesIds, this.personalDataIds, this.publicInformationIds)
      const materialIds = [...(this.personalDataIds || []), ...(this.publicInformationIds || [])]
      const archiveIds = [...(this.personalProfileIds || []), ...(this.publicArchivesIds || [])]
      this.$emit('getMaterial', materialIds, archiveIds)
      // 清空页面所选数据
      this.personalDataIds = []
      this.personalProfileIds = []
      this.publicInformationIds = []
      this.publicArchivesIds = []
    },
    // 取消
    closeDelDialog() {
      this.personalProfileReset()
      this.publicArchivesReset()
      this.personalDataReset()
      this.publicInformationReset()
      this.$emit('cancel')
      this.activeName = 'personalProfile'
      // 清空页面所选数据
      this.personalDataIds = []
      this.personalProfileIds = []
      this.publicInformationIds = []
      this.publicArchivesIds = []
    }
  }
}
</script>

<style scoped>

</style>
